/*
Override from RichFaces components styles
=Tree -> rich:tree Tree styles override
=FileUpload -> rich:fileUpload styles override
=Modal Panel -> RichFaces Modal Panel container styles override
=Suggestion Box -> suggestion list from search inputs
=Calendar -> Calendar style
author: lkemen@nuxeo.com
*/

/* =Form tags */
.nx-page input, .nx-page select, .nx-page textarea, .nx-page button,
.nx-page keygen, .nx-page isindex, .nx-page legend, .nx-page a {
  font-family: "default (__FLAVOR__ font)";
  font-size: inherit; }

/* =Tree */
.nx-page .menu {
  position: relative }

.nx-page .menu .tree.action {
  margin-bottom: -2em;
  position: absolute;
  right: 0 }

.nx-page .menu dl,
.nx-page .menu dd {
  margin: 0 }

.nx-page .menu dl {
  margin-left: -.2em;
  display: inline-block }

.nx-page .column > .menu {
  background-color: #fff;
  margin: 0 .2em 1em;
  padding: .5em }

.nx-page a.treeLink,
.nx-page a.treeLink:link,
.nx-page a.treeLink:visited {
  border: 1px solid transparent;
  border-radius: 15px;
  display: inline-block;
  padding: .1em .3em;
  margin-left: .1em;
  font-size: .9em;
  font-weight: normal }

.nx-page a.treeLink:hover,
.nx-page .selected a.treeLink {
  background-color: "neutral.medium (__FLAVOR__ background)";
  color: #000;
  text-decoration: none }

.nx-page .rf-trn-lbl {
  padding: 0 }

.nx-page .rf-trn-lbl div {
  display: inline-block }

.nx-page .rf-trn-ico {
  height: 12px;
  margin-top: .1em;
  vertical-align: top;
  width: 12px }

.nx-page .rf-trn-hnd,
.nx-page .rf-trn-hnd-ldn-fct {
  display: inline-block;
  height: 16px;
  width: 16px }

.nx-page .rf-trn-hnd-exp,
.nx-page .rf-trn-hnd-colps {
  background: #fff url("${basePath}/icons/arrow_unfolded.gif") no-repeat scroll center center;
  display: inline-block;
  height: 16px;
  vertical-align: top;
  width: 16px }

.nx-page .rf-trn-hnd-colps {
  background: #fff url("${basePath}/icons/arrow_folded.gif") no-repeat scroll center 2px }

.nx-page .nx-no-trn-ico .rf-trn-ico {
  display: none }

.nx-page .rf-trn {
  background: transparent url("${basePath}/img/tree_line.png") repeat-y 0 0 }

.nx-page .menu a.treeLink {
  /* Fix Chrome bug on word-break */
  word-break: break-word }

.nx-page .rf-trn a.treeLink {
  /* standard word-break rule */
  word-break: keep-all }

.nx-page .rf-tr-nd-exp .rf-trn {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  white-space: nowrap;
  overflow: visible }

.nx-page .rf-tr-nd .rf-tr-nd {
  margin-left: 12px }

.nx-page .rf-trn-sel {
  background: none }

.nx-page .cell img,
.nx-page .clipboardFunction img {
  vertical-align: middle }

.nx-page .rf-trn a.treeLink {
  line-height: normal;
  white-space: normal }

.nx-page .rf-trn-cnt {
  max-width: 85%;
  white-space: nowrap;
  word-break: break-all }

.nx-page .treeNodeHighlightedClass {
  text-decoration: none }

.nx-page .treeNodeSelectedClass {
  border: none }

.nx-page .fieldColumn .rf-trn img {
  margin: 0 }

/* waiter */
.nx-page .rf-st-start {
  background-color: "info (__FLAVOR__ background)";
  border: 1px solid #fff;
  height: 40px;
  padding: .7em .5em .5em;
  position: fixed;
  right: 40px;
  text-align: center;
  top: 55px;
  width: 40px;
  z-index: 10000 }

.nx-page .rf-st-stop {
  display: none }

/* =FileUpload */
.nx-page .rf-fu {
  background: none #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 3px;}

.nx-page .rf-fu-hdr {
  background: none #f8f8f8;
  border: medium none;}

.nx-page .rf-fu-btn-add, .nx-page .rf-fu-btn-upl, .nx-page .rf-fu-btn-clr {
  background: none #fff;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  box-shadow: 0 -2px 3px #f3f3f3 inset;
  color: #000;
  cursor: pointer;
  font-size: 0.95em;
  font-weight: bold;
  padding: .3em 0 0 0;
  text-decoration: none;
  white-space: nowrap;}

.nx-page .rf-fu-lst {
  background-color: #f8f8f8;}

.nx-page .rf-fu-itm {
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #ddd;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  margin: .3em;
  padding: 0.3em;
  position: relative;}

.nx-page .rf-fu-itm-lbl {
  font-size: 1em;
  font-weight: bold;}

.nx-page .rf-fu-itm-st {
  color: #999;
  font-weight: normal;
  margin-top: 0;}

.nx-page .rf-fu-itm-rgh {
  right: .5em;
  vertical-align: top;
  width: auto;
  position: absolute; }

.nx-page .rf-fu-itm-lft {
  width: 80% }

.nx-page #fancybox-content .rf-fu {
  margin-bottom: 1em;
  width: 350px;}

/* =Modal Panel */
.nx-page .rich-mpnl-mask-div {
  opacity: 0.1 }

h3.documentTypes {
  padding: 0;
  margin: 1.4em 0 .5em;
  color: #333;
  border-width: 1px;
  border-style: none none solid;
  border-color: "neutral.light (__FLAVOR__ border)" }

.documentType {
  margin: 1em 0;
  width: 200px }

.documentType img {
  float: left;
  margin-right: .5em }

.documentType a,
.documentType a:link,
.documentType a:visted,
.documentType a:hover {
  font-weight: bold;
  color: "link (__FLAVOR__ color)";
  text-decoration: none }

.documentType span {
  color: #454545 }

a.documentTypeLink {
  color: "link (__FLAVOR__ color)";
  font-weight: bold;
  text-decoration: none }

.nx-page #tooltip {
  position: absolute;
  display: block }

.nx-page #tooltipContent {
  display: block;
  padding: .2em 1.1em .3em .6em;
  margin-left: .5em;
  background: #ffa;
  color:"black (__FLAVOR__ color)";
  border: 1px solid #333 }

/* Suggestion Box */
.suggestionBoxResult .rich-sb-cell-padding img {
  max-height: 16px;
  max-width: 16px }

.suggestionBoxResult .rich-sb-cell-padding span {
  width: 250px;
  overflow: hidden;
  text-overflow: ellipsis }

/* Fix display in date range filters */
.inputDate div,
.inputDate .rf-cal {
  display: inline-block }

/* = rFaces calendar input */
.nx-page input.rf-cal-inp {
  max-width: 14em;
  width: 80%; }

.nx-page .inputDate {
  white-space: nowrap;
  margin-right: .3em }

/* =Calendar */
.nx-page table.rf-cal-extr {
  background-color: #fff;
  border: 1px solid #c6c6c6;
  border-radius: 3px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  font-size: 12px }

.nx-page table.rf-cal-extr tr td {
  padding: .15em!important;
  vertical-align: middle }

.nx-page .rf-cal-tl,
.nx-page .rf-cal-hdr-month,
.nx-page td.rf-cal-ftr,
.nx-page .rf-cal-tl-ftr,
.nx-page table.rf-cal-extr td.rf-cal-hdr {
  background: none repeat scroll 0 0 #fff;
  font-weight: bold;
  padding: 0 }

.nx-page .rf-cal-day-lbl,
.nx-page .rf-cal-week {
  background: none repeat scroll 0 0 #f5f5f5;
  color: #888;
  text-transform: capitalize }

.nx-page .rf-cal-holiday {
  color: #888;
  background-color: #fff }

.nx-page .rf-cal-today {
  background-color: #eee }

.nx-page .rf-cal-c {
  color: "link (__FLAVOR__ color)" }

.nx-page .rf-cal-tool-btn {
  padding: .25em .2em }

.nx-page .rf-cal-boundary-day {
  color: #ddd;
  font-weight: normal }

.nx-page .rf-cal-tl-btn:hover,
.nx-page .rf-cal-edtr-btn-over,
.nx-page .rf-cal-btn-press,
.nx-page .rf-cal-editor-tool-over {
  border: none }

.nx-page .rf-cal-edtr-btn-over {
  background: none }

.nx-page .rf-cal-btn-close,
.nx-page .rf-cal-tl-ftr:nth-child(2) {
  display: none }

.nx-page .rf-cal-editor-btn {
  color: #0084c3;
  font-weight: bold }

.nx-page .rf-cal-hov,
.nx-page .rf-cal-tl-btn:hover,
.nx-page .rf-cal-time-btn:hover,
.nx-page div.rf-cal-editor-btn-hov,
.nx-page .rf-cal-edtr-btn:hover,
.nx-page .rf-cal-edtr-tl-hov,
.nx-page .rf-cal-sel {
  background-color: #0084c3;
  color: #fff }

.nx-page .rf-cal-sel {
  font-weight: bold }

.nx-page .rf-cal-tl-ftr,
.nx-page .rf-cal-tl,
.nx-page .rf-cal-hdr-month {
  padding: 0!important }

.nx-page .rf-cal-tl-btn {
  padding: .15em .1em }

/* cal month editor */
.nx-page .rf-cal-timepicker-cnt,
.nx-page .rf-cal-monthpicker-ok,
.nx-page .rf-cal-monthpicker-cancel {
  background: #fff }

.nx-page .rf-cal-edtr-layout-shdw,
.nx-page .rf-cal-spinner-buttons {
  background: none 0 }

.nx-page .rf-cal-timepicker-cnt,
.nx-page .rf-cal-monthpicker-cnt {
  border: none;
  height: 232px;
  width: 228px }

.nx-page .rf-cal-sp-inp-ctnr input {
  margin-bottom: 0 }

.nx-page .rf-cal-edtr-btn:hover,
.nx-page .rf-cal-edtr-btn-sel {
  border: none;
  background-color: #0084c3;
  color: #fff }

.nx-page .rf-cal-sp-btn,
.nx-page .rf-cal-timepicker-inp td {
  background: none 0;
  vertical-align: middle }

.nx-page .rf-cal-sp-up,
.nx-page .rf-cal-sp-down {
  cursor: pointer }

.nx-page .rf-cal-time-btn {
  background-color: #e9e9e9;
  border: medium none;
  border-radius: 3px;
  font-weight: bold;
  margin: .3em;
  padding: .4em }

.nx-page table.rf-cal-monthpicker-cnt td,
.nx-page td.rf-cal-timepicker-inp {
  padding: .5em;
  vertical-align: bottom }
